﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.HeaderTitle</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="Stylesheet" href="@Url.Content("~/Content/css/themes/default/jquery.mobile-1.1.0.css")" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")"></script>
    <script type="text/javascript">
        $(document).bind("mobileinit", function () {
            // As of Beta 2, jQuery Mobile's Ajax navigation does not work in all cases (e.g.,
            // when navigating from a mobile to a non-mobile page, or when clicking "back"
            // after a form post), hence disabling it.
            $.mobile.ajaxEnabled = false;
        });
    </script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.mobile-1.1.0.js")"></script>
</head>
<body>
    <div data-role="page">
        <div id="Header" data-role="header" data-theme="b">
            @Html.Partial("_HeaderLeftMenuPartial")
            @Html.Partial("_HeaderRightMenuPartial")
        </div>
        <!-- /header -->
        <div data-role="content">
            @RenderBody()
        </div>
        <!-- /content -->
    </div>
    <!-- /page -->
</body>
</html>
